body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{ padding: 0; margin: 0; font-family:"寰蒋闆呴粦"; font-size:14px; line-height:28px; color:#323232; }
table{border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0;}
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal; }
.wrap {width: 1100px;margin: 0 auto; position: relative;}
*{transition: all 300ms ease;}
ol,ul {list-style: none;}
caption,th {text-align: left; }
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
span{ padding:0px; margin:0px}
q:before,q:after {content:'';}
abbr,acronym { border: 0; }
.clear{clear:both;height:0;line-height:0;}
p{ margin:0px; padding:0px; color:#323232; }
a{text-decoration:none;}
body{background-color:#ffffff;max-width:1920px;margin: 0 auto;}
/*header*/
.header{ width:1100px; height:120px; margin:0 auto;}
.head_l{ float:left;padding-top:24px;}
.logo{ float:left; padding-right:20px;}
.logo a{ display:block;}
.logo img{ width:302px; height:27px;margin-top:22px}
.head_l p{float:left;padding-left:20px; font-size:17px; color:#000000; height:80px;line-height: 44px; background:url(img/lol.jpg) left center no-repeat; }
.head_l p span{ display: block;color:#00589f; font-size:30px;line-height: 22px;}
.head_r{width:330px; float:right;padding-top: 24px;}
.head_r .wd{padding-left: 178px;}
.head_r .wd a{padding: 0 10px; line-height:26px; font-size:12px; color:#000000; border-left:1px solid #b5b5b5;}
.head_r .wd a:first-child{border-left:0;}
.head_r .wd a:hover{ color:#00589f;}
.search{float:right;width:318px; height:34px; margin-top:8px;}
.search .txt1{ float:left;padding-left:8px;width:272px;height:32px;line-height:32px;border:1px solid #00589f;color:#000000; border-right:0;}
.search .submit{float:left;cursor:pointer;border:none;width:36px;height:34px; background:url(img/search.jpg) right center no-repeat;}
/*nav*/
.nav{ width:100%; height:52px; background:#00589f;}
.nav1{ width:1100px; height:52px; margin:0 auto;}
.nav1 li{ float:left;width:157px; height:52px; line-height:52px; font-size:18px; text-align:center;background-position:center -70px;
transition: background .3s; -webkit-transition: background .3s;background-position: -130px bottom ;}
.nav1 li a{ display:block; color:#ffffff;}
.nav1 li:hover{ background:url(img/nhov.jpg) center center no-repeat;}
.nav1 li:hover a{color:#00589f;}
.nav1 .current a{background:url(img/nhov.jpg) center center no-repeat;color:#00589f;}
/*banner*/
.banner{position: relative;z-index:22;overflow: hidden;width: 100%;height: 400px;}
.banner1{width: 1920px;height: 400px;margin: 0 auto;}
.banner1 li{float: left; width:1920px;height: 400px;text-align: center;}
.banner .tip{width: 1000px;height: 25px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 13px;z-index: 3;}
.banner .tip span{ display: inline-block;width: 14px;height: 14px;cursor: pointer;margin: 0 8px;font-size: 0px;line-height: 0px;background: #ffffff;z-index: 3;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; border:1px solid #00589f;}
.banner .tip .cur{background:#00589f;height: 14px;width: 14px;}
/*minBanner*/
.MinBanner{position: relative;z-index:22;overflow: hidden;width: 100%;height: 300px;}
.MinBanner .banner1{width: 1920px;height: 300px;margin: 0 auto;}
.MinBanner .banner1 li{float: left; width:1920px;height: 300px;text-align: center;}
.MinBanner .tip{width: 1000px;height: 25px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 13px;z-index: 3;}
.MinBanner .tip span{ display: inline-block;width: 14px;height: 14px;cursor: pointer;margin: 0 8px;font-size: 0px;line-height: 0px;background: #ffffff;z-index: 3;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; border:1px solid #00589f;}
.MinBanner .tip .cur{background:#00589f;height: 14px;width: 14px;}
/*ipro*/
.ipro{ width:1100px; height:760px; margin:0 auto;}
.ip_top{ padding-top:46px;}
.ip_top h1{ text-align:center; font-size:30px; color:#010101; line-height:36px;}
.ip_top .tits{width: 290px;height: 24px;line-height: 24px;
background: url(img/line1.jpg) center center repeat-x;margin: 0 auto 24px;text-align: center;clear: both;}
.ip_top .tits span{background: #FFF;padding: 0 21px;font-size: 18px; color:#585858; font-family:"Arial";}
.ip_mid{ height:46px;padding: 0px 0 18px;}
.ip_mid ul{text-align: center;width:104%;}
.ip_mid li{float:left; width:190px; height:44px; line-height:44px; text-align:center;margin-right: 34px; border:1px solid #eeeeee;}
.ip_mid li a{ display:block; font-size:18px; color:#000000;}
.ip_mid li:hover a{ background:#00589f; color:#fff;}
.ip_bot{ width:1100px;}
.ip_bot ul{ width:104%;}
.ip_bot li{ position:relative; float:left;margin:0px 47px 20px 0px; width:334px; height:254px;}
.ip_bot li a{ display:block;}
.ip_bot li img{ display:block;width:330px; height:250px; border:2px solid #d2d2d2;-webkit-transition: -webkit-transform .3s;
transition: transform .3s; }
.ip_bot li span{margin: 0px 2px 2px 2px;width:330px; height:40px; line-height:40px; text-align:center; color:#fff;cursor: pointer;position: absolute;bottom: 0px; display:block; font-size:16px; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000;}
.ip_bot li a:hover img{border:2px solid #00589f;transform: rotateY(360deg);
-ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.ip_bot li a:hover span{background:rgba(0, 88, 159, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#00589f;}
/*iabout*/
.iabout{ width:100%; height:400px; background:url(img/abg.jpg) center;}
.iabout1{ width:1100px; height:400px; margin:0 auto;}
.ia_top{ padding-top:22px;}
.ia_top h1{ text-align:center; font-size:30px; color:#ffffff; line-height:36px;}
.ia_top .tits{width: 290px;height: 24px;line-height: 24px;
background: url(img/line1.jpg) center center repeat-x;margin: 0 auto 24px;text-align: center;clear: both;}
.ia_top .tits span{background: #01599f;padding: 0 21px;font-size: 18px; color:#b8c7dc; font-family:"Arial";}
.ia_bot{}
.ia_bot .ial{ float:left; width:424px; position:relative;}
.ial em{ position:absolute; z-index:22; top:16px; left:21px; display:block;width:400px; height:244px; background:#fff;}
.ial img{position:absolute; z-index:99; display:block; width:408px; height:246px; border:1px solid #a0a0a0;}
.ia_bot .iar{ float:right; width: 638px;}
.ia_bot .iar .iacont{color:#fffefe;}
.ia_bot .iar .more{ display:block; margin:20px 0px 0px 524px; width:104px; height:36px; line-height:36px; border:1px solid #ffffff; text-align:center; font-size:16px; color:#ffffff;}
.ia_bot .iar a:hover{display:block;background:#fefefe; color:#01599f;}
/*w1100*/
.w1100{ width:1100px; height:476px; margin:0 auto; padding-top:46px;}
.inews{ float:left; width:680px; height:400px; background:#f5f5f5;}
.intit{ width:652px; height:46px; margin-left:15px; border-bottom:1px solid #1062a5;}
.intit h1{ float:left; line-height:46px; font-size:24px; color:#00589f;}
.intit a.mo{ display: block; float:right; line-height:46px; font-family:"Arial"; color:#00589f; font-size:14px;}
.intit a.mo:hover{ text-decoration:underline;}
.inbot{ padding:14px 0px 0px 15px;}
.inbot a.nw{ display:block; width:654px; height:86px; margin-bottom:28px;}
.inbot .ileft{ display:block;float:left; width:80px; height:86px; border:1px solid #a0a0a0;}
.inbot .ileft h3{ width: 60px;margin-left: 10px;padding-top: 5px;text-align:center; height:48px; line-height:44px; font-size:48px; color:#545454; border-bottom:1px solid #939393;}
.inbot .ileft em{ display:block; text-align:center; font-size:14px; color:#878787;}
.inbot .iright{display:block; float:right; width:559px; height:90px; background:url(img/tip.jpg) 140px -74px no-repeat;}
.inbot .iright h1{ font-size:18px; color:#323232; cursor: pointer;}
.inbot .iright p{ font-size:14px; color:#646464; cursor: pointer;}
.inbot a:hover .ileft h3,.inbot a:hover .iright h1{ color:#00589f;}
.inbot a:hover .iright p{ color:#000000;}
.inbot a:hover .iright{display:block; float:right; width:559px; height:90px;background:url(img/tip.jpg) 140px 36px no-repeat;}
.icontact{ float:right; width:380px;height:400px; background:#f5f5f5;}
.ictit{ width:336px; height:46px; margin-left:22px; border-bottom:1px solid #1062a5;}
.ictit h1{ float:left; line-height:46px; font-size:24px; color:#00589f;}
.ictit a.mo{ display: block; float:right; line-height:46px; font-family:"Arial"; color:#00589f; font-size:14px;}
.ictit a.mo:hover{ text-decoration:underline;}
.conbot{padding:16px 0px 0px 23px;}
.conbot .btel{width:380px;}
.conbot .btel h1{ padding-left:46px; width:380px; height:42px; line-height:42px; background:url(img/tel.png) left center no-repeat; font-size:24px; color:#323232;}
.conbot .btel span{ font-size:30px; color:#00589f;display: block;line-height: 42px;}
.conbot .cont{ padding:0px 22px 28px 0px;font-size:14px; color:#646464;}
/*bottom*/
.bottom{ width:100%; height:232px; background: #00589f url(img/botbg.jpg) top center no-repeat;}
.bottom1{ width:1100px; height:232px; margin:0 auto;}
.bottom .top{ cursor: pointer; width:72px; height:31px; text-align:center; line-height:22px; color:#00589f; font-size:18px; font-family:"Arial"; margin:0 auto; background:url(img/itop.png) center no-repeat;}
.botnav{ width:1006px; height:56px; margin:0 auto; background:url(img/bnav.jpg) bottom repeat-x;}
.botnav ul{ width:110%;}
.botnav li{ float:left; width:142px; height:56px; line-height:56px;margin-right:13px;}
.botnav li a{ display:block; color:#ffffff; font-size:18px;}
.botnav li a:hover{color:#ff8708;}
.bot{ padding-top:28px;text-align:center;}
.bot .ikey{ color:#ffffff; font-size:14px;}
.bot p{color:#ffffff; font-size:14px;}
.bot p a{color:#ffffff;}
.bot p a:hover{color:#ff8708;}
/*neiye*/
.neiye{width:1100px;height:auto;margin:40px auto 20px;}
.left{float:left;width:245px;height:auto;}
.right{float:right;width:827px;height:auto;}
/*fenlei*/
.fenlei{float: none;margin-bottom: 10px;}
.fenlei_top{width: 245px;height: 119px;background: #00589f;}
.fenlei_top h1{width: 245px;padding-top: 20px;line-height: 42px;text-align: center;font-size: 26px;font-weight: bold;color: #ffffff;}
.fenlei_top span{display:block;width: 245px;text-align: center;font-size: 26px;font-weight: bold;color: #ffffff;}
.fenlei_bottom{width: 245px;background: #00589f;}
.fenlei_mid{margin-left: 10px;width: 226px;height: auto;}
.fenlei_mid li{background: #fff;}
.fenlei_mid li a{font-size:16px;display: block;width: 226px;line-height: 54px;text-align: center;color: #464646;background: url(img/icon_pro.jpg) 43px center no-repeat;border-bottom: 1px solid #ccc;}
.fenlei_mid li a:hover{color:#00589f;}
.fenlei_mid .drop{display:none; width:226px; padding-top:10px; background:#ffffff;}
.fenlei_mid .drop li{width:226px; height:32px; font-weight:normal;}
.fenlei_mid .drop li a{display: block;width:226px; line-height:32px; text-align:center;color: #464646;background: none;border-bottom: 0;}
.fenlei_mid .drop li a:hover{color:#0361b2;}
.fenlei_mid .iphover{color:#0361b2;}
.fenlei_z{width: 246px;padding-top: 20px; padding-bottom:28px;}
.fenlei_z .fenlei_tel{position: relative;width: 245px;height: 62px;background: url(img/prolt.jpg) center no-repeat;}
.fenlei_z .fenlei_tel p{position: absolute;top: -7px;left: 57px;font-size: 18px;color: #ffffff;}
.fenlei_z .fenlei_tel span{position: absolute;display: block;top: 36px;left: 0;font-size: 25px;font-weight: bold;color: #ffffff;width:245px;text-align: center;}
/*lcontact*/
.lcontact{width:246px;height:auto;padding-top: 20px; padding-bottom:40px;}
.lcontact_top{ font-size:24px; font-weight:bold;text-align: center;background: #0257a8;color: #fff;height: 82px; line-height:82px;}
.lcontact_bottom{ line-height: 28px;border: 1px solid #00589f;padding: 10px;}
/*right*/
.right{width:827px; height:auto; float:right;}
.right_top{width: 827px;height: 41px;background:#00589f;}
.right_top h1{float: left;padding-left: 24px;height: 41px;line-height: 41px;font-size: 20px;font-weight: bold;color: #ffffff;}
.right_top .sitepath{float:right;color:#fff;padding-right:34px; line-height:38px;}
.right_top .sitepath a{color:#fff;}
.right_top .sitepath a:hover{color:#ff8708;}
.right_bottom{width:802px;overflow:hidden;padding:12px 12px;border-top:0;line-height:28px;}
.right_bottom .bimg img{max-width:98%;}
/* minbanner */
.minBanner{overflow:hidden;width:100%;height:300px;position: relative;}
.minBanner .banner1{width:1920px;height:300px;margin:0 auto;}
.minBanner .banner1 li{float:left;width:1920px;text-align:center;}
.minBanner .banner1 li img{width: 1920px;height: 300px;margin-left: -949px;left: 50%;position: absolute;display: block;}
.minBanner .tip{position:absolute;z-index:120;bottom:28px;left:50%;width:300px;margin-left: -64px;}
.minBanner .tip span{float:left;display:block;width:40px;height:8px;background-color:#bfbfbf;margin:0 5px;cursor:pointer;}
.minBanner .tip .cur{background-color:#0361b2;}
/* pager */
.pager { display:block; width:100%; height:auto; padding:25px 0 5px; text-align:center; clear:both; margin-bottom:5px; }
.pager span, .pager a{ display:inline-block; border:1px solid #aaa; color:#333; background:#fff; height:20px; line-height:20px; padding:0px 7px; text-decoration:none; margin:0 5px; border-radius:1px; }
.pager a:hover{ background:#f5f5f5; border-color:#aaa; color:#aaa; text-decoration:none;}
.pager .cur{ background:#fff; border-color:#00589f; font-weight:bold; color:#00589f; }
.pager span.dot{ background:#00589f; border-color:#00589f; font-weight:bold; color:#fff; }
/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#00589f; color:#fff; font-weight:bold; margin:24px auto 0; text-align:center; font-size:14px;}
#baiduMap{width:796px; height:280px; border:1px solid #00589f; border-top:3px solid #00589f;}
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0; }
.BMap_bubble_title a { display:inline-block; padding:0 10px; height:2em; line-height:2em; border-radius:0.5em; background:#00589f; color:#FFF; }
/* pageProduct */
.right_bottom .photo { padding-top: 20px;text-align:center; width:440px;height:330px; float:left; }
.right_bottom .photo img { width:100%; height:330px; }
.right_bottom .photo1 { text-align:center; width:324px; float:left; margin-bottom: 20px;margin-left: 16px; }
.right_bottom .photo1 img { border:1px solid #ddd; padding:4px; width:324px; height:380px; display:block; }
.right_bottom .wd { padding-top: 20px;float:right; width:332px; height:330px; margin-bottom:15px; overflow:hidden;}
.right_bottom .wd h1 { font-family:"Microsoft Yahei"; font-size:20px; line-height:24px; margin-bottom:8px; color:#3d3d3d; }
.right_bottom .wd ul { font-size:12px; }
.right_bottom .wd li.item { height:30px; line-height:30px; }
.right_bottom .wd li.item span { margin-right:5px; }
.right_bottom .wd li.tel {width: 212px; padding: 15px 20px;border: 1px solid #00589f;margin:20px 0px 26px 0px;border-radius: 6px;}
.right_bottom .wd li.tel span {padding-left: 46px;display: block; background: url(img/tel.png) left center no-repeat;height: 42px;line-height: 42px;font-size: 18px;}
.right_bottom .wd li.tel font{font-size: 27px;color: #00589f;line-height: 1.2;}
.right_bottom .wd li.btn { height:45px;padding-top:16px; }
.right_bottom .wd li.description { width:348px; padding:10px; line-height:22px; border:1px dotted #ddd; background:#FFF; height:105px;}
.right_bottom a.order { width:114px; height:38px; margin-top:5px; line-height:38px; text-align:center; background:#00589f; display:block; color:#FFF;border-radius: 5px; }
.right_bottom a.order:hover { background:#026bc0; }
.right_bottom .info {border-top: 1px dashed #aaaaaa;margin:40px 0px; }
.right_bottom .m {padding: 20px 0 10px;}
.right_bottom div.ts { font-size:16px;color:#00589f; height:25px;}
.right_bottom div.infor {padding-top:28px; margin-bottom:10px;color:#666; }
.right_bottom div.infor img{max-width:98%;}
/* relatedLink */
.relatedLink { height:30px; line-height:30px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; width:100%; margin:0 auto 20px; }
.relatedLink .prevLink { float:left; margin-left:10px; line-height:30px;}
.relatedLink .nextLink { float:right; margin-right:10px; line-height:30px;}
.relatedLink a {color:#000000;}
.relatedLink a:hover{color:#00589f;}
/*.recommend-pro*/
.recommend-pro { background:#fff;}
.recommend-pro .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; }
.recommend-pro .head h2 { line-height:38px;font-size: 18px;color: #0361b2; border-left: 5px solid #0361b2;padding: 0 0 0 20px;}
.recommend-pro .head .mo { position:absolute; right:10px; top:0; color:#999; }
.recommend-pro .head .mo:hover { color:#0361b2; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:184px; margin: 0 20px 0 0; }
.recommend-pro .item .img { width:100%; height:138px; overflow:hidden; background:#f1f1f1; border: 1px solid #ddd;}
.recommend-pro .item .img img { width:100%; height:138px; }
.recommend-pro .item h3 {line-height:40px; text-align:center; margin-bottom:10px; font-weight:400; }
.recommend-pro .item h3 a{color: #323232; }
.recommend-pro .item h3 a:hover{color:#0361b2;}
.recommend-pro .item .order { text-align:center; }
.recommend-pro .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff; background:url(../images/order.png) center center no-repeat; }
.recommend-pro .item:hover { border-color:#c8a48e; }
.recommend-pro .item .order a:hover { background-image:url(../images/order-hover.png); }
.tit_case{ width:100%; height:26px; line-height:26px; font-size:16px; font-weight:bold; text-align:center}
.photo_case{ width:600px; margin:0 auto; margin-top:10px;}
.photo_case img{ max-width:594px; display:block; margin:0 auto; border:1px solid #dddddd; padding:2px;}
.info_case{ width:763px; height:auto; margin:15px 12px;}
.tit_pro{ width:100%; height:26px; line-height:28px; font-size:16px; font-weight:bold; text-align:center}
.photo_pro{ width:600px; margin:0 auto; margin-top:10px;}
.photo_pro img{ max-width:594px; display:block; margin:0 auto; border:1px solid #198300; padding:2px;}
.info_pro{ width:736px; height:auto; margin:15px 0;}
.tit_news{ padding-top:20px;width:100%; line-height:28px; font-size:18px; text-align:center;color:#00589f;padding-bottom: 5px;}
.mark { height:30px; line-height:30px; text-align:center; margin-bottom:20px; border-bottom:1px dotted #a6a6a6; border-top:1px dotted #a6a6a6; }
.mark span, .pageNews .tbody .mark a.msg { margin:0 7px; }
.mark .font a { margin:0 3px; color:#ccc; }
.mark .font a:hover, .pageNews .tbody .mark .font a.cur { color:#004982; }
.mark a.msg { width:40px; height:20px; line-height:20px; display:inline-block; color:#e62a05; }
.info_news{ width:780px; height:auto; margin:15px 12px;}
.pageNews .mark a.msg:hover { text-decoration:underline; }
/*news*/
.right_bottom a.news_a{ width:767px; height:40px;line-height:40px; border-bottom:1px dashed #d6d6d6; display:block;cursor:pointer;margin-left: 10px;}
.right_bottom a.news_a p{float: left;cursor: pointer;width:650px; color:#3d3d3d; }
.right_bottom a.news_a span{color: #999;cursor: pointer;float: right;}
.right_bottom a:hover p{color:#0361b2;}
.right_bottom a:hover span{color:#3d3d3d;}
/*news2*/
.right_bottom .news_b{ width:816px; height:152px; border-bottom:1px dashed #aaaaaa; display:block; padding:14px 0; overflow:hidden;}
.right_bottom .news_b a{display:block; float:left;}
.right_bottom .news_b img{ width:203px; height:152px;}
.right_bottom .news_b .nimg_right{ width:596px; height:152px; float:right;}
.right_bottom .news_b .nimg_right h1{margin-bottom: 8px; line-height:20px; font-size:16px;display: block;height: 20px;}
.right_bottom .news_b .nimg_right h1 a{color:#3d3d3d; }
.right_bottom .news_b .nimg_right h2{height:90px; line-height:24px; color:#666;}
.right_bottom .news_b .nimg_right h1 a:hover{color:#00589f;}
.right_bottom .news_b .detail{line-height: 42px;color: #3d3d3d;}
.right_bottom .news_b .detail:hover{color:#00589f;}
/*npro*/
.npro{ width:252px; height:234px; float:left; margin: 0px 4px 0px 10px;}
.npro a{width:252px; height:198px;display:block; }
.npro a img{display:block; width:244px; height:182px;padding:2px;border:1px solid #dddddd; }
.npro a span{cursor: pointer;display:block; width:242px;height:47px;color:#737373; text-align:center; line-height:40px;}
.npro a p{ position:absolute; top:0; left:0; width:0; height:0; background:#379405; z-index:-1; display:block;}
.npro a:hover span{color:#00589f; }
.npro a:hover img{border:1px solid #00589f; }
/*message*/
#formPost {margin:0px auto 20px; padding-top:26px; padding-left: 20px;}
#formPost tr.item label { margin-right:5px; }
#formPost tr.item .tip { width:260px;}
#formPost tr.item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; border:1px solid #ccc; border-radius:2px; padding:0 5px; }
#formPost tr.item textarea { width:250px; height:80px; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }
#formPost tr.item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; }
#formPost tr.code input { width:90px; }
.right_bottom .sub { width:102px; height:32px; line-height:32px; text-align:center; background:#999; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; }
.right_bottom.sub:hover { background:#666; }
#formPost tr.code img { vertical-align:middle; *vertical-align:0; margin-left:10px; }
#formPost .err, .formData .red { color:#ff0000; }
#formPost .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px;color:red; }
.recommend-form {/*padding:0 20px;*/background: #fff; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; }
.recommend-form .head h2 { line-height:38px;font-size: 18px;color:#0361b2;border-left: 5px solid #0361b2;padding: 0 0 0 20px; }
.recommend-form .main { width:100%; overflow:hidden; padding:26px 0 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:638px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:650px; height:auto; }
.recommend-form .ico-name { background: url(img/ico-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background: url(img/ico-phone.png) 15px center no-repeat; }
.recommend-form .ico-email {background: url(img/ico-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:628px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px;cursor: pointer; }
.recommend-form input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-left:10px; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; margin:0 0 0 10px; width:164px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#00589f;}
.recommend-form .reset { background:#292826; }
.recommend-form .submit:hover { background:#0361b2; }
.recommend-form .reset:hover { background:#000; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }
.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(img/log-arrow.png) center center no-repeat; }
/******************************
** css3楂樼骇鍔ㄧ敾
******************************/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animatedTow{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
/*鍦板浘*/
.about_main{line-height:30px; height:auto; font-size:14px;color:#666666; margin:0; padding:0;float:left;}
.about_main ul{list-style:none; margin:0; padding:0;}
.about_main ul li.map_1{border-bottom:1px solid #eee;margin:10px 0;padding:10px;font-weight:bold;}
.about_main ul li.map_2{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li a{color: #666666;}
.about_main ul li a:hover{color:#666666; text-decoration:underline; font-weight:bold;}
.right_top ._column_title{ border-left:3px solid #e60044; color:#333; float:left; font-size:20px; height:24px; line-height:24px; margin:19px 0; padding-left:15px; display:inline;}
.right_top .column_path{ float:right;display:inline; color:#999; font-size:12px;}
.right_top .column_path a{color:#999;}